<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_eixos.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>
        <h:form id="formCurso">
            <div id="wrap_site">
                <div id="topo">
                    <div id="menu">
                        <ul>
                            <li><a href="../index.html">INÍCIO</a></li>
                            <li><a href="../quem_somos.html">QUEM SOMOS</a></li>
                            <li><a href="../eixos.html">EIXOS DE OBSERVAÇÃO</a></li>
                            <li><a href="../projetos.html">PROJETOS</a></li>
                            <li><a href="../noticias.html">NOTÍCIAS</a></li>
                            <li><a href="../contato.html">CONTATO</a></li>
                            <li><a href="../sistema.html">ACESSO AO SISTEMA</a></li>	
                        </ul>
                    </div> <!--END MENU-->

                    <div id="redes_sociais"> 
                        <a href="#"><img src="../images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                        <a href="#"><img src="../images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                        <a href="#"><img src="../images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                        <a href="#"><img src="../images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                        <a href="#"><img src="../images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                    </div> <!--END REDES SOCIAIS-->

                    <div class="clear_float">  </div>
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left"> <a href="#"><img src="../images/id_observatorio.jpg" width="310" height="154" alt="Observatório" /></a>

                        <p style="border: solid 2px #ccc; padding:10px; width:272px;">O <strong style="font-size:17px;">Eixo de Inovação</strong> acolhe projetos de pesquisa que buscam mapear, compreender e/ou discutir a natureza e as fonteiras da Gestão Social como um novo campo de práticas e conhecimentos em gestão.</p>

                    </div>
                    <div id="sidebar_right">
                        <div id="bg_l1_bibliometria" style="min-height:244px;background-color: #d8e8d3">
                            <img src="../images/detalhe_caixas.png" class="det_caixas float_left" />
                            <h1 class="titulo_pagina">Mapeamento e classificação de avaliações da oferta formativa em GS</h1>
                            <p class="texto_destaque texto_vermelho">Título:</p>
                            <p><h:outputText value="#{trabalhoGSConsulta.trabalho.titulo}" /></p>
                            <br />

                            <p class="texto_destaque texto_vermelho">Tipologia:</p>
                            <p><h:outputText value="#{trabalhoGSConsulta.trabalho.tipologia} " style="white-space: normal"  /></p>
                            <br />
                            <p class="texto_destaque texto_vermelho">Autor(es):</p>
                            <p style="background-color: #d8e8d3">
                                <p:dataList value="#{trabalhoGSConsulta.trabalho.autores}" var="aut" itemType="circle" style="background-color: #d8e8d3 ">
                                    <b> #{aut.nome};<br/>  </b>
                                </p:dataList>
                            </p>
                            <br />



                        </div>



                    </div>

                    <div class="clear_float"> </div>

                    <div class="cinza_medio recuo_15px" style="margin:0 20px 20px 20px;background-color: #d8e8d3 ">

                        <table width="100%" border="0">
                            <tr>
                                <td>
                                    <span class="cinza_medio recuo_10px" >
                                        <h:commandButton image="../images/seta_voltar2.png" action="/eixo_avaliacao/resultado_pesquisa_trabalhos.xhtml?faces-redirect=true" style="height: 11px" value="Voltar" />
                                    </span>
                                </td>
                                <td align="right">
                                    <p:commandButton value="Imprimir" type="button" icon="ui-icon-print"> 
                                        <p:printer target="display" />  
                                    </p:commandButton>  

                                </td>
                            </tr>
                        </table>

                        <p:panel id="display" footer="Observatório da Formação em Gestão Social"  style="text-align: center;width: 100%"  >  
                            <div align="left" >
                                <p>
                                    <div align="center">
                                        <h1 class="titulo_pagina">Mapeamento da Formação em Gestão Social</h1>
                                    </div><br/>
                                    <h3><b>Título:  </b> <h:outputText value="#{trabalhoGSConsulta.trabalho.titulo}"  /></h3><br/>
                                    <b>Tipologia: </b> <h:outputText value="#{trabalhoGSConsulta.trabalho.tipologia} " style="white-space: normal"  /><br/>
                                    <b>Instituição de Realização do Trabalho: </b> <h:outputText value="#{trabalhoGSConsulta.trabalho.instituicao.nome}, #{trabalhoGSConsulta.trabalho.instituicao.municipio} - #{trabalhoGSConsulta.trabalho.instituicao.estado} " escape="false" /><br/>
                                    <b>Objetivo da Avaliação: </b> <h:outputText value="#{trabalhoGSConsulta.trabalho.objetivoAvaliacao}" escape="false"/><br/>
                                    <b>Tipo de Avaliação: </b> <h:outputText value="#{trabalhoGSConsulta.trabalho.tiposDeAvaliacao}" escape="false" /><br/>
                                    <b>Disponível no Link: </b> <h:outputLink value="#{periodicoGSConsulta.periodicoSelecionado.link}"/><br/>
                                    <br/>
                                    <p:panel header="Autores:" >

                                        <p:dataList value="#{trabalhoGSConsulta.trabalho.autores}" var="autor" itemType="circle" >
                                            <b> #{autor.nome};<br/>  </b>
                                        </p:dataList>
                                    </p:panel>
                                    <br/>
                                    <p:panel header="Tema / Palavras-chave:" >

                                        <p:dataList value="#{trabalhoGSConsulta.trabalho.palavrasChave}" var="pc" itemType="circle">
                                            <b> #{pc.tema};<br/>  </b>
                                        </p:dataList> 
                                    </p:panel>
                                    <br/>
                                    <p:panel header="Resumo do Trabalho:" >
                                        <h:outputText value="#{trabalhoGSConsulta.trabalho.resumo}" escape="false" />

                                    </p:panel>
                                    <br/>

                                    <p:panel header="Desrição da Metodologia:" >
                                        <h:outputText value="#{trabalhoGSConsulta.trabalho.descricaoMetodologia}" escape="false" />

                                    </p:panel>
                                    <br/>

                                    <p:panel header="Outras Observações:" >
                                        <h:outputText value="#{trabalhoGSConsulta.trabalho.outrasObservacoes}" escape="false" />

                                    </p:panel>
                                    <br/>

                                    <p:panel header="Onde encontrar:" >
                                        <b>Link Download:</b> <h:outputText value="#{trabalhoGSConsulta.trabalho.link}" escape="false" /><br/>
                                        <b>Outras Formas:</b> <h:outputText value="#{trabalhoGSConsulta.trabalho.textoOndeEncontrar}" escape="false" /><br/>
                                        <p:panel header="Download Plano de Curso" rendered="#{trabalhoGSConsulta.trabalho.pdf.id > 0 }" >
                                            <b>Download Pdf: </b>
                                            <p:commandButton id="downloadLink"  value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop)"  >  
                                                <p:fileDownload value="#{trabalhoGSConsulta.trabalho.file}" />  
                                            </p:commandButton>

                                        </p:panel>
                                    </p:panel>
                                    <br/>

                                </p>
                                

                            </div>



                        </p:panel>
                        <script type="text/javascript">  
                            function start() {  
                                PF('statusDialog').show();  
                            }  
  
                            function stop() {  
                                PF('statusDialog').hide();  
                            }  
                        </script>  



                    </div>

                </div> <!--END CONTEUDO-->

                <div id="footer" align="center">
                    <p class="texto_rodape">Observatório da Formação em Gestão Social (2014)</p>
                </div>
                <div id="wrap_marcas">
                    <img src="../images/id_each_usp.jpg" width="50" height="67" alt="EACH/USP" />
                    <img src="../images/id_ufba.jpg" width="50" height="67" alt="UFBA" />
                    <img src="../images/id_ufc.jpg" width="50" height="67" alt="UFC" />
                    <img src="../images/id_uft.jpg" width="95" height="67" alt="UFT" />
                    <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
                    <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                    <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
                    <img src="../images/id_puc_mg.jpg" width="71" height="67" alt="PUC/MG" />
                </div>





            </div> <!--END WRAP SITE-->




        </h:form>
    </h:body>
</html>

